
.g-border{position: relative;}
.g-border1{position: relative;}
.g-border:after{content:'';position: absolute;bottom:0;width:100%;height:1px;background:#e8e8e8;overflow: hidden;left:0;transform:translate(0%,0) scale(1,0.5);}
.g-border1::before{content:'';position: absolute;top:0;width:100%;height:1px;background:#e8e8e8;overflow: hidden;left:0;transform:translate(0%,0) scale(1,0.5);}

.g-border-on::before,.g-border-on:after{
  background: #dcdcdc!important;
}

.g-text-ove2{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}
.g-text-ove1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.g-back{background-position: center center;background-repeat: no-repeat;background-size:cover;}
// .g-back{@extend .g-back-cover;background-size:100%;}

.g-dis{display: flex;}
.g-col{@extend .g-dis;flex-direction: column;}//纵向
.g-col-fen{@extend .g-col;justify-content: space-between;}//纵向均分
.g-col-fen-box{@extend .g-col-fen;box-sizing: border-box;}//纵向均分挤压
.g-col-fen-cen-box{@extend .g-col-fen-box;align-items: center;}//纵向均分垂直挤压
.g-col-cen-x{@extend .g-col;align-items: center;}//纵向居中

.g-col-cen-y{@extend .g-col;justify-content: center}//纵向居中
.g-col-cen-box{@extend .g-col-cen-x;box-sizing: border-box;}//纵向居中挤压
.g-col-cen-cen-box{@extend .g-col-cen-box;align-items: center;justify-content: center}//纵向居中挤压

.g-x-s{@extend .g-dis;justify-content: flex-start;}//横向
.g-cen-x{@extend .g-dis;justify-content: center;}//横向居中
.g-fen-x{@extend .g-dis;justify-content: space-between;}//横向均分
.g-fen-box{@extend .g-fen-x;box-sizing: border-box;}//横向均分挤压
.g-fen-cen{@extend .g-fen-x;align-items: center;}//横向垂直均分
.g-fen-cen-box{@extend .g-fen-box;align-items: center;}//横向垂直均分挤压

.g-cen-y{@extend .g-dis;align-items: center;}
.g-cen-box{@extend .g-dis;justify-content: center;box-sizing: border-box;}//横向居中挤压
.g-end-cen{@extend .g-cen-y;justify-content: flex-end;}
.g-cen-cen{@extend .g-cen-y;justify-content: center;}//横向居中
.g-cen-cen-box{@extend .g-cen-cen;box-sizing: border-box;}//横向居中
.g-cen-cen-wid{@extend .g-cen-cen;width:100%;}//横向居中,width 100%
.g-cen-box-wid{@extend .g-cen-y; box-sizing:border-box;width:100%;}//横向 居中挤压
.g-cen-end{@extend .g-cen-cen;align-items: flex-end}
.g-y-end{@extend .g-dis;align-items: flex-end;}

.g-flex-wrap{@extend .g-dis;flex-wrap: wrap;}//flex 换行
.g-pos-rel{position: relative;}

.g-width-box{
  margin: 0 auto;
  width: 1140px;
}

.g-page-wrap{
  .main-box{
    @extend .g-width-box;
    padding: 52px 0;
  }
}

.g-box-shadow{
  box-shadow: 0px 6px 30px 6px rgba(153,153,153,0.20);
}
.clear{
  overflow: hidden;
}

.g-fade-in-up{
  opacity: 0;
  &:nth-child(1){
    animation: emaoFadeInUp .5s ease-out forwards;
  }
  &:nth-child(2){
    animation: emaoFadeInUp .5s 1s ease-out forwards;
  }
  &:nth-child(3){
    animation: emaoFadeInUp 1s 1.5s ease-out forwards;
  }
  &:nth-child(4){
    animation: emaoFadeInUp 1.5s 2s ease-out forwards;
  }
}

@keyframes emaoFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0,100%,0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

